<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="root" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>猫眼电影 - 一网打尽好电影</title>
    <link rel="stylesheet" href="${root}/css/common.css"/>
    <link rel="stylesheet" href="${root}/css/home-index.css"/>
    <script crossorigin="anonymous" src="${root}/js/stat.js"></script>
    <script>if (window.devicePixelRatio >= 2) {
        document.write('<link rel="stylesheet" href="${root}/css/seats/image-2x.css"/>')
    }</script>
    <meta name="msvalidate.01" content="F338006073F396CBBDA443AAB6A8BA47"/>
    <meta name="360-site-verification" content="6f1d12912a62a74ce2f1b3c2e75f6c23"/>
    <meta name="sogou_site_verification" content="uh9MkgvBm3"/>
    <style>
        @font-face {
            font-family: stonefont;
            src: url('//vfile.meituan.net/colorstone/0618030fc3f7896a31a9deae49bc00e53168.eot');
            src: url('//vfile.meituan.net/colorstone/0618030fc3f7896a31a9deae49bc00e53168.eot?#iefix') format('embedded-opentype'),
            url('//vfile.meituan.net/colorstone/d52ff34900d60be773c1d676b9555cef2076.woff') format('woff');
        }

        .stonefont {
            font-family: stonefont;
        }
    </style>
</head>
<body>

<%@ include file="head.jsp" %>

<div class="container" id="app">
    <div class="content">
        <div class="aside">
            <div class="ranking-box-wrapper">
                <div class="panel">
                    <div class="panel-header">
								<span class="panel-title">
									<span class="textcolor_red">今日票房</span>
								</span>
                    </div>
                    <div class="panel-content">
                        <ul class="ranking-wrapper ranking-box">
                            <c:forEach var="ticket" items="${ticket}" varStatus="status">
                                <c:choose>
                                    <c:when test="${status.index==0}">
                                        <li class="ranking-item ranking-top ranking-index-1">
                                            <a href="${root}/films/details?movie_id=${ticket.movie_id}" target="_blank"
                                               data-act="ticketList-movie-click"
                                               data-val="{movieid:${ticket.movie_id}}">
                                                <div class="ranking-top-left">
                                                    <i class="ranking-top-icon"></i>
                                                    <img class="ranking-img default-img" src="${ticket.movie.image}"
                                                         alt=""/>
                                                </div>
                                                <div class="ranking-top-right">
                                                    <div class="ranking-top-right-main">
                                                        <span class="ranking-movie-name">${ticket.movie.name}</span>
                                                        <p class="ranking-top-wish">
                                                            <span class="stonefont">${ticket.box_office}</span>万
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </c:when>
                                    <c:otherwise>
                                        <li class="ranking-item ranking-index-2">
                                            <a href="${root}/films/details?movie_id=${ticket.movie_id}" target="_blank"
                                               data-act="ticketList-movie-click"
                                               data-val="{movieid:${ticket.movie_id}}">
											<span class="normal-link">
												<i class="ranking-index">${status.index + 1}</i>
												<span class="ranking-movie-name">${ticket.movie.name} </span>
											<span class="ranking-num-info">
													<span class="stonefont">${ticket.box_office}</span>万
											</span>
											</span>
                                            </a>
                                        </li>
                                    </c:otherwise>
                                </c:choose>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="box-total-wrapper clearfix">
                <h3>今日大盘</h3>
                <div>
                    <p>
								<span class="num">
									<span class="stonefont">8888.88</span>
								</span>万
                        <a href="https://piaofang.maoyan.com/" class="more" target="_blank" data-act="moreDayTip-click">
                            查的更多
                            <span class="panel-arrow panel-arrow-red"></span>
                        </a>
                    </p>
                    <p class="meta-info">
                        北京时间10:00
                        <span class="pull-right">猫眼专业版实时票房数据</span>
                    </p>
                </div>
            </div>
            <div class="most-expect-wrapper">
                <div class="panel">
                    <div class="panel-header">
								<span class="panel-more">
								<span class="panel-arrow panel-arrow-orange"></span>
								</span>
                        <span class="panel-title">
								<span class="textcolor_orange">最受期待</span>
								</span>

                    </div>
                    <div class="panel-content">
                        <ul class="ranking-wrapper ranking-mostExpect">
                            <c:forEach var="wish" items="${wish}" varStatus="status">
                                <c:choose>
                                    <c:when test="${status.index==0}">
                                        <li class="ranking-item ranking-top ranking-index-1">
                                            <a href="${root}/films/details?movie_id=${wish.movie_id}" target="_blank">
                                                <div class="ranking-top-left">
                                                    <i class="ranking-top-icon"></i>
                                                    <img src="${wish.movie.image}" class="ranking-img"/>
                                                </div>
                                                <div class="ranking-top-right">
                                                    <div class="ranking-top-right-main">
                                                        <span class="ranking-movie-name">${wish.movie.name}</span>
                                                        <p class="ranking-release-time">上映时间：2019-05-01</p>
                                                        <p class="ranking-top-wish">
                                                            <span class="stonefont">${wish.wish}</span>人想看
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </c:when>
                                    <c:when test="${status.index==1||status.index==2}">
                                        <li class="ranking-item ranking-index-2">
                                            <a href="${root}/films/details?movie_id=${wish.movie_id}" target="_blank">
                                                <i class="ranking-index">${status.index + 1}</i>
                                                <span class="img-link">
														<img class="ranking-img default-img" src="${wish.movie.image}"/>
													</span>
                                                <div class="ranking-movie-name">${wish.movie.name}</div>
                                                <span class="ranking-num-info">
														<span class="stonefont">${wish.wish}</span>人想看
														</span>
                                            </a>
                                        </li>
                                    </c:when>
                                    <c:otherwise>
                                        <li class="ranking-item ranking-index-4">
                                            <a target="_blank" href="${root}/films/details?movie_id=${wish.movie_id}">
														<span class="normal-link">
														<i class="ranking-index">${status.index + 1}</i>
														<span class="ranking-movie-name">${wish.movie.name}</span>
														<span class="ranking-num-info">
															<span class="stonefont">${wish.wish}</span>人想看
														</span>
														</span>
                                            </a>
                                        </li>
                                    </c:otherwise>
                                </c:choose>
                            </c:forEach>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="top100-wrapper">
                <div class="panel">
                    <div class="panel-header">
								<span class="panel-more">
								<span class="panel-arrow panel-arrow-orange"></span>
								</span>
                        <span class="panel-title">
								<span class="textcolor_orange">TOP100</span>
								</span>

                    </div>
                    <div class="panel-content">
                        <ul class="ranking-wrapper ranking-box">
                            <c:forEach var="score" items="${score}" varStatus="status">
                                <c:choose>
                                    <c:when test="${status.index==0}">
                                        <li class="ranking-item ranking-top ranking-index-1">
                                            <a href="${root}/films/details?movie_id=${score.movie_id}" target="_blank"
                                               data-act="ticketList-movie-click"
                                               data-val="{movieid:${score.movie_id}}">
                                                <div class="ranking-top-left">
                                                    <i class="ranking-top-icon"></i>
                                                    <img class="ranking-img default-img" src="${score.movie.image}"
                                                         alt=""/>
                                                </div>
                                                <div class="ranking-top-right">
                                                    <div class="ranking-top-right-main">
                                                        <span class="ranking-top-movie-name">${score.movie.name}</span>
                                                        <p class="ranking-top-wish">
                                                            <span class="stonefont">${score.score}</span>分
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </c:when>
                                    <c:otherwise>
                                        <li class="ranking-item ranking-index-2">
                                            <a href="${root}/films/details?movie_id=${score.movie_id}" target="_blank"
                                               data-act="ticketList-movie-click"
                                               data-val="{movieid:${score.movie_id}}">
											<span class="normal-link">
												<i class="ranking-index">${status.index + 1}</i>
												<span class="ranking-movie-name">${score.movie.name} </span>
											<span class="ranking-num-info">
													<span class="stonefont">${score.score}</span>分
											</span>
											</span>
                                            </a>
                                        </li>
                                    </c:otherwise>
                                </c:choose>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="movie-grid">
                <div class="panel">
                    <div class="panel-header">
								<span class="panel-more">
									<a href="${root}/films/index" class="textcolor_red"
                                       data-act="all-playingMovie-click">
										<span>全部</span>
								</a>
								<span class="panel-arrow panel-arrow-red"></span>
								</span>
                        <span class="panel-title">
									<span class="textcolor_red">正在热映</span>
								</span>
                    </div>
                    <div class="panel-content">
                        <dl class="movie-list">
                            <c:forEach var="h" items="${hot_list}">
                                <dd>
                                    <div class="movie-item">
                                        <a href="${root}/films/details?movie_id=${h.id}" target="_blank"
                                           data-act="playingMovie-click" data-val="{movieid:${h.id}}">
                                            <div class="movie-poster">
                                                <img class="poster-default" src="img/beijing.png"/>
                                                <img src="${h.image}"/>
                                                <div class="movie-overlay movie-overlay-bg">
                                                    <div class="movie-info">
                                                        <div class="movie-score">
                                                            <i class="integer">9.</i>
                                                            <i class="fraction">1</i>
                                                        </div>
                                                        <div class="movie-title movie-title-padding"
                                                             title="${h.name}">${h.name}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="movie-detail movie-detail-strong movie-sale">
                                            <a href="${root}/order/createOrder?movie_id=${h.id}" class="active"
                                               target="_blank" data-act="salePlayMovie-click"
                                               data-val="{movieid:${h.id}}">购票</a>
                                        </div>
                                            <%--${root}/order/showReceiveInfo?movie_id=${h.id}--%>
                                        <div class="movie-ver"></div>
                                    </div>
                                </dd>
                            </c:forEach>

                        </dl>
                    </div>
                </div>
                <div class="panel" style="margin: 0;">
                    <div class="panel">
                        <div class="panel-header">
								<span class="panel-more">
									<a href="${root}/films/show?showType=2" class="textcolor_blue"
                                       data-act="all-playingMovie-click">
										<span>全部</span>
								</a>
								<span class="panel-arrow panel-arrow-blue"></span>
								</span>
                            <span class="panel-title">
									<span class="textcolor_blue">即将上映</span>
								</span>
                        </div>
                        <div class="panel-content">
                            <dl class="movie-list">
                                <c:forEach var="d" items="${date_list}">
                                    <dd>
                                        <div class="movie-item">
                                            <a href="${root}/films/details?movie_id=${d.id}" target="_blank"
                                               data-act="playingMovie-click" data-val="{movieid:${d.id}}">
                                                <div class="movie-poster">
                                                    <img class="poster-default" src="img/beijing.png"/>
                                                    <img src="${d.image}"/>
                                                    <div class="movie-overlay movie-overlay-bg">
                                                        <div class="movie-info">
                                                            <div class="movie-title movie-title-padding"
                                                                 title="${d.name}">${d.name}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="movie-detail movie-wish">
                                                <span class="stonefont">70720</span>人想看
                                            </div>
                                            <div class="movie-detail movie-detail-strong movie-presale">
                                                <a class="movie-presale-sep">预告片</a>
                                                <a href="#" class="active" target="_blank">预 售</a>
                                            </div>
                                        </div>
                                        <div class="movie-detail movie-rt"><fmt:formatDate value="${d.dates}"
                                                                                           pattern="yyyy-MM-dd"/>上映
                                        </div>
                                    </dd>
                                </c:forEach>

                            </dl>
                        </div>
                    </div>
                </div>
                <div class="panel" style="margin: 0;">
                    <div class="panel">
                        <div class="panel-header">
								<span class="panel-more">
									<a href="" class="textcolor_red" data-act="all-playingMovie-click">
										<span>全部</span>
								</a>
								<span class="panel-arrow panel-arrow-red"></span>
								</span>
                            <span class="panel-title">
									<span class="textcolor_red">经典电影</span>
								</span>
                        </div>
                        <div class="panel-content">
                            <dl class="movie-list">
                                <c:forEach var="o" items="${old_list}">
                                    <dd>
                                        <div class="movie-item">
                                            <a href="${root}/films/details?movie_id=${o.id}" target="_blank"
                                               data-act="playingMovie-click" data-val="{movieid:${o.id}">
                                                <div class="movie-poster">
                                                    <img class="poster-default" src="img/beijing.png"/>
                                                    <img src="${o.image}"/>
                                                    <div class="movie-overlay movie-overlay-bg">
                                                        <div class="movie-info">
                                                            <div class="movie-score">
                                                                <i class="integer">9.</i>
                                                                <i class="fraction">1</i>
                                                            </div>
                                                            <div class="movie-title movie-title-padding"
                                                                 title="${o.name}">${o.name}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="movie-ver"></div>
                                        </div>
                                    </dd>
                                </c:forEach>

                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<%@ include file="footer.jsp" %>
<script crossorigin="anonymous" src="${root}/js/home-index.js"></script>
</body>
</html>